<template>

  <div class="layui-layout layui-layout-admin">
    <div class="adminnav1">
      <Pagetop></Pagetop>
    </div>
    <div class="adminnav2">
      <Secondnav urlname="market"></Secondnav>
    </div>

    <!-- 主体内容 -->
    <div class="layui-body kedou-admin" id="LAY_app_body app">
      <div class="layadmin-tabsbody-item layui-show">
        <div class="pagelist">
          <div class="layui-card-body">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>优惠券模版</legend>
            </fieldset>
          </div>
          <div class="pagetop">
	    			<Search :seadate="searchArr"></Search>			    	
		        </div>

          <div class="layui-card-body">
            <div class="buttop">
              <button type="button" class="layui-btn  layui-btn-normal" @click="issue">发行模板</button>
            </div>
            <Tables :fdate="pdate" :result="res" height="430" :totalCount="totalRows" :pageNumber="curindex"
              :fbtn="btn"></Tables>
          </div>
        </div>
      </div>
    </div>

  </div>
</template>
<script>
import Pagetop from '../common/pagetop.vue'
import Secondnav from '../common/secondnav.vue'
import Tables from '../common/tables.vue'
import Search from '../common/search.vue'
export default {
  name: 'yhj',
  components: { Pagetop, Secondnav, Tables, Search },
  data () {
    return {
      pdate: [], //表头
      res: "", //内容
      totalRows: "",//总数量
      curindex: 0, //页数
      btn: [],//按钮
      searchArr: [],//搜索
      isShow: false,
      seapram: '',
      type: localStorage.getItem("type"),
    }
  },
  mounted () {
    this.getdate();
    this.getsearch();
  },
  methods: {
    getdate: function () {
      var _this = this;
      if (_this.type == '1') {
        var url = "/crm/aapi/v1.9/publish/admin/template/"
      } else {
        var url = "/crm/bapi/v1.9/publish";
      }
      if (_this.seapram) {
        var dates = {
          size: pageSize,
          page: _this.curindex,
	        sort:'createAt,DESC',
        };
        var res = _this.seapram;
        for (var i = 0; i < res.length; i++) {
          dates[res[i].key+'.equals'] = res[i].val;
        }
      } else {
        var dates = {
          size: pageSize,
          page: _this.curindex,
	        sort:'createAt,DESC',
        };
      }
      //alert(url+"//"+JSON.stringify(dates))
      ajaxRequest(url, "GET", "json", dates, function (ret, err) {
        //alert(url+"//"+JSON.stringify(ret))
        var arr = [];
        arr[0] = [
          { field: "id", title: "ID" },
          { field: "name", title: "名称" },
          {            field: "couponType", title: "优惠券类型", templet: function (d) {
              if (d.couponType == "QUOTA") return "定额";
              else if (d.couponType == "QUOTA_LIMIT_CATEGORYID") return "限定类定额";
              else if (d.couponType == "QUOTA_LIMIT_GOODID") return "限商品定额";
              else if (d.couponType == "CONSUPTION_QUOTA") return "满额减";
              else if (d.couponType == "CONSUPTION_QUOTA_LIMIT_CATEGORYID") return "限品类满额减";
              else if (d.couponType == "CONSUPTION_QUOTA_LIMIT_GOODID") return "限商品满额减";
              else if (d.couponType == "CONSUPTION_DISCOUNT") return "满额折扣";
              else if (d.couponType == "CONSUPTION_DISCOUNT_LIMIT_CATEGORYID") return "限品类满额折扣";
              else if (d.couponType == "CONSUPTION_DISCOUNT_LIMIT_GOODID") return "限商品满额折扣";
              else if (d.couponType == "COUNT_DISCOUNT") return "满几件折扣";
              else if (d.couponType == "COUNT_DISCOUNT_LIMIT_CATEGORYID") return "限品类满几件折扣";
              else if (d.couponType == "COUNT_DISCOUNT_LIMIT_GOODID") return "限商品满几件折扣";
              else if (d.couponType == "EVERY_CONSUPTION_QUOTA") return "每满多少减多少";
              else if (d.couponType == "EVERY_CONSUPTION_QUOTA_LIMIT_CATEGORYID") return "限品类每满多少减多少";
              else return "限商品每满多少减多少"
            }
          },
          { field: "customerLimitAmount", title: "顾客限量" },
          { field: "totalAmount", title: "发行总量" },
          { field: "availableAmount", title: "可用数量" },
          { field: "receivedAmount", title: "领取数量" },
          {            field: "beginAt", title: "使用开始时间", templet: function (d) {
              return FormatDate(d.beginAt, 3);
            }          },
          {            field: "expireAt", title: "过期时间时间", templet: function (d) {
              return FormatDate(d.expireAt, 3);
            }          },
          {            field: "activeStatus", title: "激活状态", templet: function (d) {
              if (d.activeStatus == "DISABLE") return "禁用";
              else if (d.activeStatus == "ENABLE") return "启用";
              else return "删除";
            }          },
          {            field: "createAt", title: "创建时间", templet: function (d) {
              return FormatDate(d.createAt, 3);
            }          },
          {
            field: "right",
            title: "操作",
            width: "120",
            fixed: "right",
            templet: function (d) {
             
                if(_this.type=='1'){
                  var str =
                '<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="detail">详情</a>';
                var str1 =
                '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>';
              return str + str1;
                }else{
                   var str =
                '<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="detail">详情</a>';
                 return str
                }
                 
            }
          }
        ];
        _this.pdate = arr;
        _this.res = ret.data.list;
        _this.totalRows = ret.data.totalRows;
        _this.curindex = ret.data.page + 1;
      });
    },
    getsearch: function () {
      var arr = [{ field: "id", title: "ID", type: "input" }];
      this.searchArr = arr;
    },
    page: function (index, obj) {
      this.curindex = index;
      this.getdate();
    },
    sousuo: function (pram) {
      this.seapram = pram;
      this.res = "";
      this.totalRows = "";
      this.curindex = 1;
      this.getdate();
    },
    issue: function () {
      var _this = this;
      if(_this.type == '1'){
      layer.open({
        type: 2,
        title: "发行优惠券模版",
        content: baseurl + "/yhjadd",
        area: ["45%", "80%"]
      });
      }else{
        layer.msg("该角色无权发行优惠卷模版")
      }
    },
    detailInfo: function (data) {
      var _this = this;
      layer.open({
        type: 2,
        title: "优惠券模版信息",
        content: baseurl + "/yhjlist",
        area: ["50%", "75%"],
        success: function (layero, index) {
          var iframeWin = window[layero.find("iframe")[0]["name"]];
          iframeWin.getdates(data);
        }
      });
    },
    delInfo: function (data) {
      var _this = this;
      if(_this.type == '1'){
      layer.confirm("是否确认删除？", function () {
        var url = "/coupon/aapi/v1.9/publishes/" + data.id;
        ajaxRequest(url, "DELETE", "json", "", function (ret, err) {
          layer.msg("操作成功");
          setTimeout(function () {
            _this.getdate();
          }, 1000);
        });
      });
      }else{
        layer.msg("该角色无权删除优惠卷模版")
      }
    },
    screens: function () {
      return screen();
    }
  },
  updated: function () {
    this.isShow = true;
    layui.use("form", function () {
      var form = layui.form;
      form.render();
    });
  }
};
</script>
<style scoped>
/**/
</style>